<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="stylesheet" href="小米商城.css">

</head>

<body>
    <!-- 黑色导航start -->
    <div class="black-nav">
        <div class="warp" id="pagetop">
            <div class="warp-left">
                <div class="warp-left-nav">
                    <div class="sep"><a href="">小米官网</a></div>
                    <div class="sep"><a href="">小米商城</a></div>
                    <div class="sep"><a href="">小米澎湃os</a></div>
                    <div class="sep"><a href="">loT</a></div>
                    <div class="sep"><a href="">云服务</a></div>
                    <div class="sep"><a href="">天星数科</a></div>
                    <div class="sep"><a href="">有品</a></div>
                    <div class="sep"><a href="">小爱开放平台</a></div>
                    <div class="sep"><a href="">资质证照</a></div>
                    <div class="sep"><a href="">协议规则</a></div>
                    <div class="sep">
                        <a href="#">下载app</a>
                        <div class="down">
                            <img src="imgs/download.png" alt="">
                            <p>小米商城APP</p>
                        </div>
                        <div class="stri"></div>
                    </div>

                    <div class="sep"><a href="#">Select Location</a></div>

                </div>

            </div>

            <div class="warp-right">
                <div class="login">
                    <div><a href="#">登录</a></div>
                    <div><a href="#">注册</a></div>
                    <div><a href="#">消息通知</a></div>
                </div>
                <div class="cart">
                    <a href="#">
                        <div class="cart-img">
                            <img src="imgs/购物车.png" alt="" class="cart-img1">
                            <img src="imgs/购物车 (1).png" alt="" class="cart-img2">
                        </div>购物车（0）
                    </a>
                    <div class="cart-list">
                        <p>购物车还没有商品,赶紧选购吧</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 黑色导航end -->

    <!-- 白色导航 start -->
    <div class="white-nav">
        <div class="warp">
            <div>
                <img src="imgs/logo-mi2.png" alt="" class="logo-icon">
            </div>
            <div class="nav-bar">
                <ul>
                    <li><a href="#">Xiaomi手机</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/xiaomi1.webp" alt="">
                                            </div>
                                            <p class="name">Xiaomi MXI Fold 4</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/xiaomi1.webp" alt="">
                                            </div>
                                            <p class="name">Xiaomi MXI Fold 4</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/xiaomi1.webp" alt="">
                                            </div>
                                            <p class="name">Xiaomi MXI Fold 4</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/xiaomi1.webp" alt="">
                                            </div>
                                            <p class="name">Xiaomi MXI Fold 4</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/xiaomi1.webp" alt="">
                                            </div>
                                            <p class="name">Xiaomi MXI Fold 4</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/xiaomi1.webp" alt="">
                                            </div>
                                            <p class="name">Xiaomi MXI Fold 4</p>
                                            <p class="price">8999元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">Redmi手机</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/redmi1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 50px;">红米k70至尊版</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/redmi1.webp" alt="">
                                            </div>
                                            <p class="name">红米k70至尊版</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/redmi1.webp" alt="">
                                            </div>
                                            <p class="name">红米k70至尊版</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/redmi1.webp" alt="">
                                            </div>
                                            <p class="name">红米k70至尊版</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/redmi1.webp" alt="">
                                            </div>
                                            <p class="name">红米k70至尊版</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/redmi1.webp" alt="">
                                            </div>
                                            <p class="name">红米k70至尊版</p>
                                            <p class="price">2599元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">电视</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">笔记本</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/笔记本2.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">Redmi G Pro 游戏本 2024</p>
                                            <p class="price">8499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/笔记本2.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">Redmi G Pro 游戏本 2024</p>
                                            <p class="price">8499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/笔记本2.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">Redmi G Pro 游戏本 2024</p>
                                            <p class="price">8499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/笔记本2.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">Redmi G Pro 游戏本 2024</p>
                                            <p class="price">8499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/笔记本2.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">Redmi G Pro 游戏本 2024</p>
                                            <p class="price">8499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/笔记本2.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">Redmi G Pro 游戏本 2024</p>
                                            <p class="price">8499元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">平板</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/平板1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">&nbsp &nbsp &nbsp &nbsp &nbsp
                                                Redmi Pad
                                                Pro</p>
                                            <p class="price">1399元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">家电</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/家电1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">米家冰箱对开门610L墨羽岩</p>
                                            <p class="price">2199元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">路由器</a>
                        <div class="nav-bar-list">
                            <div class="nav-bar-list-warp">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/路由器1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">&nbsp &nbsp Xiaomi路由器AX3000T</p>
                                            <p class="price">159元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="imgs/白色导航电视1.webp" alt="">
                                            </div>
                                            <p class="name" style="margin-left: 10px;">小米电视 S Pro Mini LED系列</p>
                                            <p class="price">7999元起</p>
                                        </a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text" class="input" placeholder="冰箱">
                <div class="icon">
                    <img src="imgs/搜索 (6).png" alt="" class="img1">
                    <img src="imgs/搜索 (7).png" alt="" class="img2">
                </div>
            </div>
        </div>
    </div>
    <!-- 白色导航 end -->

    <!-- 轮播图start -->
    <div class="swiper1">
        <div class="swiper">
            <div class="swiper-nav">
                <div class="items-warp">
                    <div class="items">
                        <div>手机</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>


                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>电视</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/电视1.webp" alt="">
                            </div>
                            <p>小米电视 S Pro Mini LED</p>
                        </a>



                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>家电</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/家电1.png" alt="">
                            </div>
                            <p>壁挂空调</p>
                        </a>



                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>笔记本 平板 显示器</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/笔记本1.webp" alt="">
                            </div>
                            <p>Redmi A27U显示器</p>
                        </a>




                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>出行 穿戴</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/出行1.webp" alt="">
                            </div>
                            <p>小米手环9</p>
                        </a>



                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>耳机 音箱</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>


                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>健康 儿童</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/健康1.jpg" alt="">
                            </div>
                            <p>洗手机</p>
                        </a>



                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>生活 箱包</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>


                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>智能 路由器</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>


                    </div>
                </div>
                <div class="items-warp">
                    <div class="items">
                        <div>电源 配件</div>
                        <div> > </div>
                    </div>
                    <div class="child-nav">
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                        <a href="#">
                            <div class="img-box">
                                <img src="imgs/child-nav.webp" alt="">
                            </div>
                            <p>Xiaomi MIX系列</p>
                        </a>
                    </div>
                </div>





            </div>
        </div>
    </div>
    <!-- 轮播图end -->


    <!--服务商品区start-->
    <div class="serve">
        <div class="serve-warp">
            <div class="serve-items">
                <ul>
                    <li>
                        <p>保障服务</p>
                    </li>
                    <li>
                        <p>企业团购</p>
                    </li>
                    <li>
                        <p>F码通道</p>
                    </li>
                    <li class="noboder">
                        <p>米粉卡</p>
                    </li>
                    <li class="noboder">
                        <p>以旧换新</p>
                    </li>
                    <li class="noboder">
                        <p>话费充值</p>
                    </li>
                </ul>
            </div>
            <div class="serve-img">
                <a href="#"><img src="imgs/服务1.png" alt=""></a>
            </div>
            <div class="serve-img">
                <a href="#"><img src="imgs/服务2.jpg" alt=""></a>
            </div>
            <div class="serve-img">
                <a href="#"><img src="imgs/服务3.png" alt=""></a>
            </div>
        </div>
    </div>
    <!--服务商品区end-->


    <!-- ad广告start -->
    <div class="ad">
        <div class="ad-warp">
            <img src="imgs/ad广告.webp" alt="">
        </div>
    </div>

    <!-- ad广告end -->


    <!-- 内容模块start -->
    <div content>
        <!-- 手机模块start -->
        <div class="warp1">
            <!--    标题-->
            <div class="shouji-title-box">
                <div class="tilte-name">手机</div>
                <div class="more">查看更多</div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left">
                    <img src="imgs/手机左侧.webp" alt="">
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                </div>

            </div>

        </div>
        <!-- 手机模块end -->


        <!--    标题-->
        <div class="warp1">
            <div class="shouji-title-box">
                <div class="tilte-name">智能穿戴</div>
                <div class="child-nav">
                    <div class="items active"><a href="">耳机</a></div>
                    <div class="items"><a href="">穿戴</a>

                    </div>
                </div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left">
                    <img src="imgs/穿戴左侧.webp" alt="">
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/穿戴右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item-last">
                        <div class="last-top">
                            <a href="#">
                                <img src="imgs/穿戴last-top.webp" alt="">
                                <p class="item-last-name">Redmi Buds 4 Pro</p>
                                <p class="item-last-price">289元</p>
                            </a>
                        </div>
                        <div class="last-bottom">
                            <a href="#">
                                <img src="imgs/穿戴last-bottom.png" alt="">
                                <p class="item-last-name">浏览更多</p>
                                <p class="item-last-price">耳机</p>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 笔记本start -->

        <div class="warp1">
            <!--    标题-->
            <div class="shouji-title-box">
                <div class="tilte-name">笔记本 | 平板</div>
                <div class="hot">热门</div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left">
                    <img src="imgs/手机左侧.webp" alt="">
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                </div>

            </div>

        </div>
        <!-- 笔记本end -->

        <!-- 家电start -->
        <div class="warp1">
            <div class="shouji-title-box">
                <div class="tilte-name">家电</div>
                <div class="child-nav">
                    <div class="items active"><a href="">热门</a></div>
                    <div class="items"><a href="">电视影音</a></div>
                    <div class="items"><a href="">空调</a></div>


                </div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left-father">
                    <div class="goods-box-left-top"><img src="imgs/家电左侧top.webp" alt=""></div>
                    <div class="goods-box-left-bottom"><img src="imgs/家电右侧bottom.webp" alt=""></div>
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/穿戴右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item-last">
                        <div class="last-top">
                            <a href="#">
                                <img src="imgs/穿戴last-top.webp" alt="">
                                <p class="item-last-name">Redmi Buds 4 Pro</p>
                                <p class="item-last-price">289元</p>
                            </a>
                        </div>
                        <div class="last-bottom">
                            <a href="#">
                                <img src="imgs/穿戴last-bottom.png" alt="">
                                <p class="item-last-name">浏览更多</p>
                                <p class="item-last-price">耳机</p>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 家电end -->

        <!-- 生活电器start -->
        <div class="warp1">
            <div class="shouji-title-box">
                <div class="tilte-name">生活电器</div>
                <div class="child-nav">
                    <div class="items active"><a href="">风扇</a></div>
                    <div class="items"><a href="">扫地机</a></div>
                    <div class="items"><a href="">空净</a></div>
                    <div class="items"><a href="">清洁</a></div>


                </div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left-father">
                    <div class="goods-box-left-top"><img src="imgs/家电左侧top.webp" alt=""></div>
                    <div class="goods-box-left-bottom"><img src="imgs/家电右侧bottom.webp" alt=""></div>
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/穿戴右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item-last">

                        <div class="last-bottom">
                            <a href="#">
                                <img src="imgs/穿戴last-bottom.png" alt="">
                                <p class="item-last-name">浏览更多</p>
                                <p class="item-last-price">清洁</p>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 生活电器end -->

        <!-- 厨房电器start -->
        <div class="warp1">
            <div class="shouji-title-box">
                <div class="tilte-name">厨房电器</div>
                <div class="child-nav">
                    <div class="items active"><a href="">净水器</a></div>
                    <div class="items"><a href="">烟灶</a></div>
                    <div class="items"><a href="">电饭煲</a></div>
                    <div class="items"><a href="">微蒸煲</a></div>


                </div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left-father">
                    <div class="goods-box-left-top"><img src="imgs/家电左侧top.webp" alt=""></div>
                    <div class="goods-box-left-bottom"><img src="imgs/家电右侧bottom.webp" alt=""></div>
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/穿戴右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>

                    <div class="goods-item-last">
                        <div class="last-bottom">
                            <a href="#">
                                <img src="imgs/穿戴last-bottom.png" alt="">
                                <p class="item-last-name">浏览更多</p>
                                <p class="item-last-price">净水器</p>
                            </a>
                        </div>
                    </div>
                    <div class="goods-item-last">

                    </div>



                </div>

            </div>
        </div>
        <!-- 厨房电器end -->

        <!-- 智能家居start -->
        <div class="warp1">
            <div class="shouji-title-box">
                <div class="tilte-name">智能家居</div>
                <div class="child-nav">
                    <div class="items active"><a href="">小爱音箱</a></div>
                    <div class="items"><a href="">门锁门铃</a></div>
                    <div class="items"><a href="">路由器</a></div>
                    <div class="items"><a href="">智能设备</a></div>


                </div>
            </div>
            <!--    商品-->
            <div class="shouji-goods-box">
                <div class="shouji-goods-box-left-father">
                    <div class="goods-box-left-top"><img src="imgs/家电左侧top.webp" alt=""></div>
                    <div class="goods-box-left-bottom"><img src="imgs/家电右侧bottom.webp" alt=""></div>
                </div>
                <div class="shouji-goods-box-right">
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/穿戴右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item">
                        <a href="#">
                            <img src="imgs/手机右侧.webp" alt="">
                            <p class="imem-name">Redmi K70 至尊版</p>
                            <p class="item-desc">性能魔王 全面进化</p>
                            <p class="item-price">2599元起</p>
                        </a>
                    </div>
                    <div class="goods-item-last">
                        <div class="last-top">
                            <a href="#">
                                <img src="imgs/穿戴last-top.webp" alt="">
                                <p class="item-last-name">Redmi Buds 4 Pro</p>
                                <p class="item-last-price">289元</p>
                            </a>
                        </div>
                        <div class="last-bottom">
                            <a href="#">
                                <img src="imgs/穿戴last-bottom.png" alt="">
                                <p class="item-last-name">浏览更多</p>
                                <p class="item-last-price">耳机</p>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 智能家居end -->

    </div>


    <!-- 内容模块end -->

    <!-- ad广告2start -->
    <div class="ad">
        <div class="ad-warp">
            <img src="imgs/ad2.webp" alt="">
        </div>
    </div>

    <!-- ad广告2end -->


    <!-- 底部start -->
    <div class="footer">
        <div class="selling-point">
            <div class="selling-point-item">
                <img src="imgs/扳手.png" alt="" class="icon active">
                <img src="imgs/扳手 (2).png" alt="" class="icon-1">
                <span class="text">预约维修服务</span>
            </div>
            <div class="selling-point-item">
                <img src="imgs/7天无理由退货.png" alt="" class="icon active">
                <img src="imgs/7天无理由退货 (2).png" alt="" class="icon-1">
                <span class="text">7天无理由退货</span>
            </div>
            <div class="selling-point-item">
                <img src="imgs/15天包退.png" alt="" class="icon active">
                <img src="imgs/15天包退 (1).png" alt="" class="icon-1">
                <span class="text">15天免费换货</span>
            </div>
            <div class="selling-point-item">
                <img src="imgs/礼物.png" alt="" class="icon active active-1 ">
                <img src="imgs/礼物 (1).png" alt="" class="icon-1 active-1 ">
                <span class="text">满69包邮</span>
            </div>
            <div class="selling-point-item">
                <img src="imgs/网点查询.png" alt="" class="icon active active-2">
                <img src="imgs/网点查询 (1).png" alt="" class="icon-1 active-2">
                <span class="text">1100余家售后网点</span>
            </div>
        </div>

        <div class="footer-links">
            <dl class="col-links">
            </dl>
            <dl class="col-links">
                <dt>选购指南</dt>
                <dd><a rel="nofollow" href="" target="_blank">手机</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">电视</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">笔记本</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">平板</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">穿戴</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">耳机</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">家电</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">路由器</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">音箱</a>
                </dd>
                <dd><a rel="nofollow" href="" target="_blank">配件</a>
                </dd>
            </dl>
            <dl class="col-links">
                <dt>服务中心</dt>
                <dd><a rel="nofollow" href="" target="_blank">申请售后</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">售后政策</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">维修服务价格</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">订单查询</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">以旧换新</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">保障服务</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">防伪查询</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">F码通道</a></dd>
            </dl>
            <dl class="col-links">
                <dt>线下门店</dt>
                <dd><a rel="nofollow" href="" target="_blank">小米之家</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">服务网点</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">授权体验店/专区</a>
                </dd>
            </dl>
            <dl class="col-links">
                <dt>关于小米</dt>
                <dd><a rel="nofollow" href="" target="_blank">了解小米</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">加入小米</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">投资者关系</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">可持续发展</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">廉洁举报</a></dd>
            </dl>
            <dl class="col-links">
                <dt>关注我们</dt>
                <dd><a rel="nofollow" href="" target="_blank">新浪微博</a></dd>
                <dd><a rel="nofollow" href="" id="J_siteWeixinCode">官方微信</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">联系我们</a></dd>
                <dd><a rel="nofollow" href="" target="_blank">公益基金会</a></dd>
            </dl>
            <!--        联系盒子-->
            <div class="col-contact">
                <!--            上部分-->
                <div class="col-contact-top">
                    <p class="phone">400-100-5678</p>
                    <p class="time">8:00-18:00（仅收市话费）</p>
                    <a rel="nofollow" class="btn-line-primary">
                        <div class="btn-line-primary-img">
                            <img src="imgs/人工客服 (2).png" alt="" class="chit1">
                            <img src="imgs/人工客服 (3).png" alt="" class="chit2">
                        </div> 人工客服
                    </a>
                </div>
                <!--下部分-->
                <div class="col-contact-bottom">
                    <p class="phone" style="margin-top: 25px;">400-180-8888</p>
                    <p class="time">8:00-18:00（仅收市话费）</p>
                    <p class="explain" style="margin-top: 3px;">适用于：MIX FOLD、巨屏电视系列</p>
                    <a rel="nofollow" class="btn-line-primary">
                        <div class="btn-line-primary-img">
                            <img src="imgs/人工客服 (2).png" alt="" class="chit1">
                            <img src="imgs/人工客服 (3).png" alt="" class="chit2">
                        </div> 人工客服
                    </a>
                </div>
            </div>


        </div>
    </div>
    <!-- 底部end -->

    <!-- 最底部start -->
    <div class="the-bottom">
        <div class="the-bottom-warp">
            <p>
            <div class="sep"><a href="">小米官网 |</a></div>
            <div class="sep"><a href="">小米澎湃OS |</a></div>
            <div class="sep"><a href="">米家 |</a></div>
            <div class="sep"><a href="">米聊 |</a></div>
            <div class="sep"><a href="">多看 |</a></div>
            <div class="sep"><a href="">游戏 |</a></div>
            <div class="sep"><a href="">音乐 |</a></div>
            <div class="sep"><a href="">政企服务 |</a></div>
            <div class="sep"><a href="">小米天猫店 |</a></div>
            <div class="sep"><a href="">小米集团隐私服务 |</a></div>
            <div class="sep"><a href="">小米公司儿童信息保护规则 |</a></div>
            <div class="sep"><a href="">小米商城隐私政策 |</a></div>
            <div class="sep"><a href="">小米商城用户协议 |</a></div>
            <div class="sep"><a href="">问题反馈 |</a></div>
            <div class="sep"><a href="">Select Location</a></div>
            </p><br>
            <p>
            <div class="sep"><a href="">北京互联网法院法律服务工作站 |</a></div>
            <div class="sep"><a href="">中国消费者协会 |</a></div>
            <div class="sep"><a href="">北京市消费者协会</a></div>
            </p><br>

            <p>
            <div class="sep"><a href="">© mi.com 京ICP证110507号</a></div>
            <div class="sep"><a href="">京ICP备10046444号</a></div>
            <div class="sep"><a href="">京公网安备11010802020134号</a></div>
            <div class="sep"><a href="">京网文[2023]0169-004号</a></div>
            </p><br>
            <p>
            <div class="sep"><a href="">（京）网械平台备字（2018）第00005号</a></div>
            <div class="sep"><a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a></div>
            <div class="sep"><a href="">营业执照</a></div>
            <div class="sep"><a href="">医疗器械质量公告</a></div>
            </p><br>
            <p>
            <div class="sep"><a href="">增值电信业务经营许可证编号：京B2-20180851</a></div>
            <div class="sep"><a href="">网络食品经营备案 京食药网食备202010048</a></div>
            <div class="sep"><a href="">食品经营许可证</a></div>
            <div class="sep"><a href="">新出发京批字第直220280号</a></div>
            </p><br>
            <p>
            <div class="sep"><a href="">违法和不良信息举报电话：171-5104-4404</a></div>
            <div class="sep"><a href="">知识产权侵权投诉</a></div>
            <div class="sep"><a href="">本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a></div>
            </p><br>

            <div class="the-bottom-img"><img src="imgs/最底部1.png" alt="" class="img1"></div>
            <div class="the-bottom-img"><img src="imgs/最底部2.png" alt="" class="img2"></div>
            <div class="the-bottom-img"><img src="imgs/最底3.png" alt="" class="img3"></div>
            <div class="the-bottom-img"><img src="imgs/最底4.png" alt="" class="img4"></div>
        </div>

    </div>
    <!-- 最底部end -->

    <!-- 右侧导航start -->
    <div class="right-nav">
        <a class="nav-item">
            <div class="nav-item-img">
                <img src="imgs/手机.png" alt="" class="img1">
                <img src="imgs/手机 (1).png" alt="" class="img2">
            </div>
            <div class="text">
                手机app
            </div>
        </a>
        <a class="nav-item">
            <div class="nav-item-img">
                <img src="imgs/个人中心 (1).png" alt="" class="img1">
                <img src="imgs/个人中心.png" alt="" class="img2">
            </div>
            <div class="text">
                个人中心
            </div>
        </a>
        <a class="nav-item" href="#pagetop">
            <div class="nav-item-img">
                <img src="imgs/扳手.png" alt="" class="img1">
                <img src="imgs/扳手 (2).png" alt="" class="img2">
            </div>
            <div class="text">
                售后服务
            </div>
        </a>
        <a class="nav-item" href="#pagetop">
            <div class="nav-item-img">
                <img src="imgs/人工客服 (1).png" alt="" class="img1">
                <img src="imgs/人工客服.png" alt="" class="img2">
            </div>
            <div class="text">
                人工客服
            </div>
        </a>
        <a class="nav-item" href="#pagetop">
            <div class="nav-item-img">
                <img src="imgs/购物车.png" alt="" class="img1">
                <img src="imgs/购物车 (1).png" alt="" class="img2">
            </div>
            <div class="text">
                购物车
            </div>
        </a>
        <a class="nav-item" href="#pagetop">
            <div class="nav-item-img">
                <img src="imgs/回到顶部 (1).png" alt="pagetop" class="img1">
                <img src="imgs/回到顶部.png" alt="" class="img2">
            </div>
            <div class="text">
                回到顶部
            </div>
        </a>
    </div>
    <!-- 右侧导航end -->
</body>

</html>